<template>
  <div class="home">
      <el-breadcrumb separator="/" class="mianbao">
    <el-breadcrumb-item :to="{ path: '/index' }">首页</el-breadcrumb-item>
    <el-breadcrumb-item>首页</el-breadcrumb-item>
  </el-breadcrumb>

  <el-row >
    <el-col :span="6">
      <div class="statistic-card">
        <el-statistic value-style='color:red;font-size:50px' :value="112893">
          <template #title>
            <div style="display: inline-flex; align-items: center;font-size:20px">
              新增用户
              <el-tooltip
                effect="dark"
                content="Number of users who logged into the product in one day"
                placement="top"
              >
              </el-tooltip>
            </div>
          </template>
        </el-statistic>
      </div>
    </el-col>
   <el-col :span="6">
      <div class="statistic-card">
        <el-statistic value-style='color:green;font-size:50px' value="⇧21.28%">
          <template #title>
            <div style="display: inline-flex; align-items: center;font-size:20px">
              同比新增
              <el-tooltip
                effect="dark"
                content="Number of users who logged into the product in one day"
                placement="top"
              >
              </el-tooltip>
            </div>
          </template>
        </el-statistic>
      </div>
    </el-col>
    <el-col :span="6">
      <div class="statistic-card">
        <el-statistic value-style='color:red;font-size:50px' :value="939393">
          <template #title>
            <div style="display: inline-flex; align-items: center;font-size:20px">
              新增交易额
              <el-tooltip
                effect="dark"
                content="Number of users who logged into the product in one day"
                placement="top"
              >
              </el-tooltip>
            </div>
          </template>
        </el-statistic>
      </div>
    </el-col>
    <el-col :span="6">
      <div class="statistic-card">
        <el-statistic value-style='color:green;font-size:50px' value="⇧21.28%">
          <template #title>
            <div style="display: inline-flex; align-items: center;font-size:20px">
              同比新增
              <el-tooltip
                effect="dark"
                content="Number of users who logged into the product in one day"
                placement="top"
              >
              </el-tooltip>
            </div>
          </template>
        </el-statistic>
      </div>
    </el-col>
  </el-row>
  </div>
</template>

<script setup>

</script>

<style scoped>
.mianbao{
  margin-bottom: 20px;
}
</style>